<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body>
    <style>
        
      p {
        position: relative;
        -webkit-text-stroke: 3px #9a9acc;
        font-size:30px;

        p::before {
          content: ' ';
          width: 100%;
          height: 100%;
          position: absolute;
          left: 0;
          top: 0;
          background-image: linear-gradient(45deg, #ff269b, #2ab5f5, #ffbf00);
          mix-blend-mode: multiply;
        }
      }

      .yes{
        width:500px;
        height:500px;
        background-color: #000;
      }
    </style>

   <div class = "yes">
    <p>yes yes</p>
   </div>

   <iframe frameborder="0" border="1" 
   marginwidth="0" marginheight="0"
   width="100%" height="450" 
   src="//music.163.com/outchain/player?type=2&amp;id=2175282&amp;auto=1&amp;height=80">
</iframe>
</iframe> 
  </body>
</html>
